<!DOCTYPE html>
<head>
    <meta charset="utf-8"/>
    <title>首页</title>
    <style>
        header>ul{list-style-type: none; margin: 0; padding: 0;background-color: #ddcbec;  text-align: center;}
        header>ul>li{display: inline-block;}
        header>ul>li>a{display: inline-block;color: black;padding: 15px 20px;text-decoration: none; }
        header>ul>li>a:hover{background-color: rgb(195, 132, 227);}

        main table{border: 4px solid #ddcbec;width:35%;height:20px;}        
        #biaotou,.nam{text-align: center;font-style: italic;}
        .ifo{text-align: center;color:rgb(195, 132, 227);}
        main tr:nth-child(2n+1){background-color: rgb(228, 248, 245);}
        .rr{display: inline-block;margin: 50px;}
        .rr img{width: 180;height: 180px; box-shadow:  12px  12px 8px ; }
        .rr h2{text-align: center;}
        
        #foot{background-color: #ddcbec;padding: 15px;text-align: center;}
    </style>
    </head>
<body>
    <header>
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="waitting.html">资讯</a></li>
            <li><a href="waitting.html">论坛</a></li>
            <li><a href="waitting.html">工具</a></li>
            <li><a href="about_us.html ">关于本站</a></li>
        </ul>
        <br/><br/><br/><br/><br/>
    </header>

    <main>        
    <table>
        <tr id="biaotou">
            <td></td>  <td>球衣号码</td>  <td>位置</td>  
        </tr>
        <tr>
            <td class="nam">库里</td>  <td class="ifo">30</td>  <td class="ifo">控卫</td> 
        </tr>
        <tr>
            <td class="nam">维金斯</td>  <td class="ifo">22</td>  <td class="ifo">小前</td>
         </tr>
        <tr>
            <td class="nam">汤普森</td>  <td class="ifo">11</td>  <td class="ifo">分卫</td>
        </tr>
        <tr>
            <td class="nam">格林</td>  <td class="ifo">23</td>  <td class="ifo">大前</td>
        </tr>
        <tr>
            <td class="nam">鲁尼</td>  <td class="ifo">5</td>  <td class="ifo">中锋</td>
        </tr>
    </table>
       <br/><br/><br/><br/><br/><br/>
       <div class="rr r1">
        <img src="resource/cl.jpg"><br/><h2>Curry</h2>
       </div>
       <div class="rr r1">
        <img src="resource/wjs.jpg"><br/><h2>Wiggins</h2>
       </div>
       <div class="rr r1">
        <img src="resource/tps.jpg"><br/><h2>Thompson</h2>
       </div>

       <br/>

       <div class="rr r2">
        <img src="resource/gl.jpg"><br/><h2>Green</h2>
       </div>
       <div class="rr r2">
        <img src="resource/rn.jpg"><br/><h2>Looney</h2>
       </div>
    </main>
    <footer>
        <div id="foot">
            <p>Thank you!&nbsp;&nbsp;&nbsp;(๑•̀ㅂ•́)و✧</p>
        </div>
    </footer>
</body>